import React from 'react';
import { NavLink, Outlet } from 'react-router-dom';

const Home = () => {
    return (
        <div style={{ marginTop: '48px' }}>
            <div className='nav'>
                <div className='nav-item'>
                    <NavLink to='/home/message'>message</NavLink>
                </div>
                <div className='nav-item'>
                    <NavLink to='/home/article'>article</NavLink>
                </div>
                <div style={{ marginTop: 36 }}>
                    <Outlet />
                </div>
            </div>
        </div>
    );
};

export default Home;
